Prepare your website for the next generation of AI-driven interactions. Dive into Chrome DevTools to monitor and debug the WebMCP, use targeted Lighthouse Audits to evaluate your site's agentic web readiness, and finally put coding agent SKILLS to the test in practical exercises. Kasper Kulikowski and Andre Bandarra share how to apply these tools today to future-proof your projects for the next evolution of the web.
Chapters:
0:00 - Introduction
0:36 - The Agentic Web
1:54 - How AI agents see websites and complex journeys
5:28 - Introduction to WebMCP and tool demonstrations
10:37 - Defining WebMCP tools (Imperative & Declarative APIs)
15:26 - Workshop: Making your website agent-ready
17:21 - Implementing to-do app tools
20:11 - Testing and debugging WebMCP tools
25:13 - Declarative API demo
26:26 - Lighthouse Agentic Browsing audit
27:50 - Summary and next steps
Resources:
Chrome DevTools overview →
Get started with WebMCP →
Build extensions with coding agents →
WebMCP docs →
Lighthouse GitHub →
Create AI evaluations →
WebMCP tools (GitHub) →
Subscribe to Chrome for Developers →
#ChromeForDevelopers #Chrome #GoogleIOConnect #ChromeDevTools, #WebMCP, #Skills #Developers
Event: Google I/O Connect Berlin 2026
Speakers: Kasper Kulikowski, Andre Bandarra
Products Mentioned: Chrome, WebMCP, Chrome DevTools
|
Download your free Python Cheat Sheet he...
How do you avoid the risk of running a P...
Six times in fifteen years, Amazon Web S...
Download your free Python Cheat Sheet he...
In this video, we build an AI-powered se...
Ever wished a website or your browser wo...
Prepare your website for the next genera...
Explore the power of Chrome's built-in A...
Take a guided tour of Chrome's modern we...
Natalia Markoborodova and Yu Tsuno, shar...
Hear from Matthias Rohmer how the MCP se...
Download your free Python Cheat Sheet he...
Rob Orgiu shares how to harness Jetpack ...
Watch Paul Lammertsma and Garan Jenkin t...
Did you know that adding XR-differentiat...